<template>
  <div>
       <div class="header">
        <h3>  <i class="el-icon-user"></i>  房地产经纪人</h3>
      </div>
  <el-card class="box-card" v-for="item in AgentList" :key="item.id" >
  <el-row type="flex">
      <div class="imageSize" >
   <img :src="item.image" alt="" >
      </div>
   <div class="demo">
       <h1 class="title">{{item.name}}</h1>
       <div class="desc"><p>  <b>个人介绍:</b> {{item.desc}}</p></div>
       <p> <b>联系电话:</b> {{item.phone}}</p>
   </div>
  </el-row>
</el-card>

  </div>
</template>

<script>
require("@/assets/css/demo.css");
import { GetAgent } from "@/api";
export default {
 async mounted () {
  let {data} = await  GetAgent();
  this.AgentList = data
  },
  data () {
      return {
          AgentList:[]
      }
  }
};
</script>
